<!doctype html>
<html lang="en" id="publish" >
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <title>爱的约定</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/publish.css">
    </head>
    <body>
        <div class='common-header'>
            <div class="left">
                <a href="javascript:window.history.back();"><i class="iconfont icon-left"></i></a>
            </div>
            <div class="middle">发布</div>
        </div>
        <div class="form">
            <textarea v-model="publicContent" id="" cols="30" rows="10" placeholder="在此填写更多要发布的信息内容"></textarea>
            <div class="clearfix">
                <div class="right">
                    <div class="file-upload">
                            <input type="file" name="imgFile" id="pic" value="图片上传" @change="fileChanged">
                            <div class="img-upload"><img src="img/addPhoto.png" alt=""></div>
                    </div>
                    </form>
                </div>
                <div class="img-item" v-if="url1!=''">
                    <img :src="picServer+url1" alt="">
                    <i class="iconfont icon-x" @click="removediv(1)"></i>
                </div>
                <div class="img-item" v-if="url2!=''">
                   <img :src="picServer+url2" alt="">
                   <i class="iconfont icon-x" @click="removediv(2)"></i>
               </div>
               <div class="img-item" v-if="url3!=''">
                   <img :src="picServer+url3" alt="">
                   <i class="iconfont icon-x" @click="removediv(3)"></i>
               </div>
               <div class="img-item" v-if="url4!=''">
                   <img :src="picServer+url4" alt="">
                   <i class="iconfont icon-x" @click="removediv(4)"></i>
               </div>
                <div class="img-item" v-if="url5!=''">
                    <img :src="picServer+url5" alt="">
                    <i class="iconfont icon-x" @click="removediv(5)"></i>
                </div>
                <div class="img-item" v-if="url6!=''">
                    <img :src="picServer+url6" alt="">
                    <i class="iconfont icon-x" @click="removediv(6)"></i>
                </div>
                <div class="img-item" v-if="url7!=''">
                    <img :src="picServer+url7" alt="">
                    <i class="iconfont icon-x" @click="removediv(7)"></i>
                </div>
                <div class="img-item" v-if="url8!=''">
                    <img :src="picServer+url8" alt="">
                    <i class="iconfont icon-x" @click="removediv(8)"></i>
                </div>
                <div class="img-item" v-if="url9!=''">
                    <img :src="picServer+url9" alt="">
                    <i class="iconfont icon-x" @click="removediv(9)"></i>
                </div>
            </div>
        </div>
        <a class="btn" @click="sendPublic()">提交</a>
        
    </body>
    <script>var app = 'publish';</script>
    <script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>